﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignUp.aspx.cs" Inherits="SilkRoute.SignUp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Silk Route</title>
    <link href="Styles/generic.css" rel="stylesheet" type="text/css" />
    <link href="Styles/signup.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="Styles/normalize.css" />
    <link rel="stylesheet" href="Styles/main.css" />

    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="Scripts/easyjquery.js" type="text/javascript"></script>
    <script src="Scripts/signup.js" type="text/javascript"></script>
    <script src="Scripts/createprofile.js" type="text/javascript"></script>


    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js" type="text/javascript"></script>
    <script src="Scripts/plugins.js" type="text/javascript"></script>
    <script src="Scripts/main.js" type="text/javascript"></script>
	<script src="Scripts/curtain.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {
		    $('.container').curtain({
		        scrollSpeed: 900,
		        controls: '.menu',
		        curtainLinks: '.curtain-links'
		    });
		});
	</script>

    <script src="Scripts/jquery.spritely-0.6.1.js" type="text/javascript"></script>
	<script type="text/javascript">
	    (function ($) {
	        $(document).ready(function () {
	            $('#clouds-fg').pan({ fps: 30, speed: 1, dir: 'left' });
	            $('#clouds-bg').pan({ fps: 15, speed: 2, dir: 'left' });
	        });
	    })(jQuery);
	</script>

    <script src="Scripts/modernizr-2.6.1.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="sigupForm" runat="server">
    <div class="container">
        <li id="clouds" class="cover">
		    <article>
		        <h1>s</h1>
		        <a class="btn" href="#island">Click</a>
		
				    <div id="clouds-fg"></div>
				    <div id="clouds-bg"></div>
        
		    </article>
	    </li>
	    <li id="island"></li>
        <div class="fixed">
            <div class="entence">
            <div id="divDestination" class="mainCenter">
                <div class="mainCenterMiddle">    
                    <div class="row">
                        <div class="ui-widget">
                            <label for="txtDestination">Your destination</label>
                            <input type="text" id="txtDestination" name="txtDestination" tabindex="1" value="" /><br />            
                        </div>
                    </div>
                    <div class="row">
                        <input type="button" id="btndestinationNext" value="Next" tabindex="2" onmouseover="onSignMouseOver()" onmouseout="onSignMouseOut()"/><br />
                    </div>    
                </div>
            </div>
            <div id="divSignUp" class="mainCenter" style="display:none;">
                <div class="mainCenterMiddle">
                    <div class="row">
                        <label for="txtFirstName">Name</label>
                        <input type="text" id="txtName" name="txtName" tabindex="3"/><br />
                    </div>
                    <div class="row">
                        <label for="txtEmail2">Email</label>
                        <input type="text" id="txtEmail" name="txtEmail" tabindex="5"/><br />
                    </div>
                    <div class="row">
                        <input type="button" id="btncreateProfile" value="Create account" tabindex="6" onmouseover="onSignMouseOver()" onmouseout="onSignMouseOut()"/><br />
                    </div>    
                    <div class="row">
                        <input type="button" id="Button3" value="Back" onclick="signupBack()" tabindex="7" onmouseover="onSignMouseOver()" onmouseout="onSignMouseOut()"/><br />
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    </form>
</body>
</html>
